<template>
  <div class="about">
    <h1>This is an about page</h1>
    <my-child @aa="postChild"></my-child>
    <!-- <myChild></myChild> -->
    <!-- 当组件的名称是一个驼峰值的时候 可以用原本标签写法 也可以用两个单词都是小写横杠链接 -->
  </div>
</template>
<script>
import myChild from "../components/Child.vue";
//引入
export default {
  data() {
    return {
      fromSon: "",
    };
  },
  components: {
    myChild,
  },
  //注册
  methods: {
    postChild(val) {
      console.log("这是父组件的事件 要传给子组件");
      console.log(val);
      this.fromSon = val;
    },
  },
};
</script>
